---
layout: main
---

<div class="page-header border-bottom has-divider pb-3">
    <h1 class="d-inline-block mt-1 mb-0 mr-2">{{ page.title }}</h1>
    {% if page.description %}<span class="mr-2">{{ page.description }}</span>{% endif %}
    <span><a href="https://github.com/{{ site.author.github }}/{{ site.github_repo }}/edit/{{ site.github_branch }}/docs/{{ page.path }}">[edit this page]</a></span>
</div>
<div class="page my-4">
    {{ content }}
</div>
<div class="page-footer border-top has-divider">
    <div class="row text-center">
        {% assign collection = site.collections | where:"label", page.collection | first %}
        {% assign next = page.order | plus: 1 %}
        {% assign previous = page.order | minus: 1 %}
        {% for doc in collection.docs %}
        {% if doc.order == previous %}
        <a class="previous col mt-3" href="{{ site.baseurl }}{{ doc.url }}">< {{ doc.title }}</a>
        {% endif %}
        {% endfor %}

        {% for doc in collection.docs %}
        {% if doc.order == next %}
        <a class="next col mt-3" href="{{ site.baseurl }}{{ doc.url }}">{{ doc.title }} ></a>
        {% endif %}
        {% endfor %}
    </div>
</div>